.page {
    background-color: #f2f6fc;
    width: 100%;
    min-height: 100vh;
    padding-bottom: 220rpx;
    padding-top: 32rpx;
}

view {
    font-family: PingFangSC-Regular, PingFang SC;
}

.wrap {
    margin: 0 25rpx;

    .tatle {
        font-size: 34rpx;
        font-family: PingFangSC-Medium, PingFang SC;
        margin-bottom: 16rpx;
        color: #222222;
        font-weight: 500;
    }

    .item {
        width: 654rpx;
        background: #FFFFFF;
        box-shadow: 0rpx 3rpx 13rpx 0rpx #DFE5F3;
        border-radius: 24rpx;
        padding: 24rpx;

        .item_tatle {
            font-size: 34rpx;
            font-weight: 400;
            color: #222222;
            margin-bottom: 24rpx;

            span {
                color: #F93A4A;
            }
        }

        .item_picker {
            height: 90rpx;
            border-radius: 12rpx;
            border: 2rpx solid #E5E5E5;
            display: flex;
            justify-content: space-between;
            line-height: 90rpx;
            padding: 0 24rpx;

            .uni_input {
                color: #B0B2B1;
            }

            image {
                width: 34rpx;
                height: 34rpx;
                margin: auto 0;
            }
        }

        .time {
            display: flex;

            .time_inp {
                // width: 158rpx;
                flex: 1;
                height: 90rpx;
                border-radius: 12rpx;
                border: 1rpx solid #E5E5E5;
                padding: 0 20rpx;
            }

            >view {
                line-height: 90rpx;
                font-size: 30rpx;
                font-weight: 400;
                color: #222222;
                margin: 0 12rpx;

            }
        }

        .time_single {
            display: flex;
            justify-content: space-between;
            margin-top: 16rpx;

            view {
                width: 190rpx;
                height: 90rpx;
                text-align: center;
                color: #6E99C7;
                font-weight: 400;
                font-size: 30rpx;
                line-height: 90rpx;
                border-radius: 12px;
                border: 1px solid #E5E5E5;
            }

            .pick {
                background: #6E99C7 !important;
                color: #FFFFFF !important;
                border: none !important;
            }
        }

    }

    .prompt {
        margin-top: 16rpx;
        margin-bottom: 24rpx;
        display: flex;

        image {
            width: 24rpx;
            height: 24rpx;
            margin-right: 13rpx;
            position: relative;
            top: 4rpx;
        }

        >view {
            font-size: 24rpx;
            font-weight: 400;
            color: #6B6970;
        }

    }
}

.submit {
    width: 100%;
    height: 185rpx;
    background: #FFFFFF;
    box-shadow: 0px -3px 12px 0px #DFE5F3;
    border-radius: 24px 24px 0px 0px;
    border: rgba(0, 0, 0, 0) solid 1rpx;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;

    button {
        width: 654rpx;
        height: 98rpx;
        background: #6E99C7;
        border-radius: 49rpx;
        text-align: center;
        font-size: 36rpx;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #FFFFFF;
        margin: auto;
        margin-top: 46rpx;
        line-height: 98rpx;
    }
}

.prop {
    background: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;

    >view {
        // position: fixed;
        // top: 0;
        // bottom: 0;
        // left: 0;
        // right: 0;
        margin: auto;
        margin-top: 250rpx;
        width: 500rpx;
        background: #FFFFFF;
        padding: 20rpx;
        border-radius: 30rpx;

        // height: 700rpx;
        .prop_list {
            max-height: 500rpx;
        }

        .check_item {
            display: flex;
            margin: 0 20rpx;
            padding-bottom: 10rpx;
            margin-bottom: 10rpx;
            // border-bottom: #B0B2B1 solid 2rpx;

            >view:nth-child(1) {
                // margin: 0 20rpx;
                margin-right: 30rpx;
            }

        }

        button {
            width: 100rpx;
            height: 50rpx;
            background: #5BC8F6;
            color: #FFFFFF;
            border-radius: 10rpx;
            margin: 30rpx auto;
        }
    }

}